$(function () {


    // 1.给搜索按钮绑定事件
    // 2.点击搜索按钮的时候 拿输入框里面的值
    $('#searchBtn').on('tap', function () {
        var arr = [];
        var val = $('#keyword').val()
        // console.log(val);
        if (val.length <= 0) {
            alert('请输入关键字');
            return;
        }
        if (localStorage.getItem('keyword')) {
            //把之前的取出来
            // console.log(val);
            arr = JSON.parse(localStorage.getItem('keyword'))
            arr.push(val);
            // console.log(arr);
            // 把所有的再存入本地缓存
            localStorage.setItem('keyword', JSON.stringify(arr));

        } else {
            //如果之前没有 就把这次输入的存入
            arr.push(val)
            localStorage.setItem('keyword', JSON.stringify(arr))
            console.log(arr);
            
        }

        //跳转页面
        window.location.href = 'search-list.html?key=' + val;  

    })

    // 1.一进来 如果有搜索历史数据 则展示历史数据
    if (localStorage.getItem('keyword')) {
        // alert(1)
        var vals = JSON.parse(localStorage.getItem('keyword'));
        console.log(vals);

        var obj = {
            rows: vals
        }
        var htmls = template('oldData', obj);
        console.log(htmls);
        $('#ulBox').html(htmls);

    }

    $('#clearOld').on('tap',function() {
        localStorage.removeItem('keyword');
        $('#keyword').val('');
        $('#ulBox').html('');
    })
})